<%@ page pageEncoding="UTF-8"%>
<%@ include file="../../resources/commonUI.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>拨号键盘</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/akt-ui/css/dial.css" />
</head>
<body>
<input type="text" id="callNumber" />
<div class="keyboard dial">
    <ul>
        <li onclick="number('1');">1</li>
        <li onclick="number('2');">2</li>
        <li onclick="number('3');">3</li>
    </ul>
    <ul>
        <li onclick="number('4');">4</li>
        <li onclick="number('5');">5</li>
        <li onclick="number('6');">6</li>
    </ul>
    <ul>
        <li onclick="number('7');">7</li>
        <li onclick="number('8');">8</li>
        <li onclick="number('9');">9</li>
    </ul>
    <ul>
        <li onclick="number('*');">*</li>
        <li onclick="number('0');">0</li>
        <li onclick="number('#');">#</li>
    </ul>
    <ul>
        <c:if test="${'in' eq param.type}">
            <li onclick="dial(1);">内线拨号</li>
        </c:if>
        <c:if test="${'out' eq param.type}">
            <li onclick="dial(3);">外线拨号</li>
        </c:if>
        <c:if test="${'exclusive' eq param.type}">
            <li onclick="dial(3, '${param.callPrefix}');">专属拨号</li>
        </c:if>
        <c:if test="${'zm' eq param.type}">
            <li onclick="dial(3, '${param.callPrefix}');">中梦专线</li>
        </c:if>
        <c:if test="${'ddh' eq param.type}">
            <li onclick="dial(3, '${param.callPrefix}');">大都会</li>
        </c:if>
        <li onclick="del();">Del</li>
    </ul>
</div>
<script type="text/javascript" src="${ctx}/static/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${ctx}/static/akt/dial.js"></script>
</body>
</html>